@import "layout";

/*公共部分样式*/
html, body {
	background-color: #ffffff;
	font-family: "微软雅黑";
	color: #666666;
	height: 100%;
	font-size: 14px;

	a {
		text-decoration: none;
		cursor: pointer;
	}
	overflow-x: hidden;
}
.clear {
	@include clearfix();
}

.error {
  color: red;
  position: absolute;
 }

.header {
	width: 100%;
	height: 188px;
	position: relative;
	@include background-mix('../images/top-left-bg.png', left, 20px);

	.topbanner {
		height: 20px;
		background: #00355e;
	}
	.title, .welcome {
		position: absolute;
		//border: 1px solid red;
		text-align: center;
	}
	.title {
		left: 50%;
		margin-left: -100px;
		color: #00355e;
		font-size: 32px;
		width: 320px;
		top: 68px;

		span {
			font-weight: bold;
		}
	}
	.welcome {
		right: 60px;
		width: 200px;
		top: 145px;
	}
}
.content {
	width: 1130px;
	margin: 0 auto;
	height: 538px;
	//border: 1px solid red;

	.left {
		width: 275px;
		height: 100%;
		float: left;
		@include background-mix('../images/left-bg.png', left, top);

		ul {
			padding: 46px 48px;
		}
		li {
			color: #000000;
			font-size: 14px;
			line-height: 26px;
		}
		.btn {
			text-align: center;
			margin-top: -17px;

			a {
				width: 86px;
				height: 29px;
				display: inline-block;
			}
			.leftbtn {
				@include background-mix('../images/search.png');
			}
			.rightbtn {
				@include background-mix('../images/answer.png');
			}
		}
	}
	.right {
		width: 850px;
		height: 100%;
		float: right;
		margin-top: 4px;
		@include background-mix('../images/content-bg.png', left, top);

		div {
			//border: 1px solid red;
		}
		.leftslide {
			float: left;
			width: 187px;
			// height: 456px;

			ul {
				padding: 80px 0 0 19px;
			}
			li {
				height: 40px;
				width: 164px;
				background: #e3e3e3;
				border: 1px solid #eeeeee;
				text-align: left;
				line-height: 40px;
				text-indent: 1em;

				a {
					color: #666666;
				}
			}
		}
		.rightslide {
			width: auto;
			height: 52px;
			margin-left: 191px;

			ul {
				padding: 11px 0 0 0px;
				margin-left: -10px;
			}
			li {
				float: left;
				height: 28px;
				width: 212px;
				background: #f0f0f0;
				text-align: center;
				line-height: 28px;

				a {
					color: #a8a8a8;
				}
				border-top-left-radius: 4px;
				border-top-right-radius: 4px;
				border: 1px solid #d9d9d9;
				// border-top: none;
				// border-top: 0;
			}
		}
		.rightcontent {
			width: auto;
			height: 400px;
			margin-left: 191px;

			li {
			border-bottom: 1px dashed #E6DCCA;
			padding: 16px 0 16px 2px;
			position: relative;
			&:last-child {
				border: none;
				border: 0;
			}

			span {
				display: inline-block;
			}
			.left-zb {
				float: left;
				color: #BFAB79;
			}
			.right-zb {
				float: right;

				input {
					border: 0;
					border: none;
					width: 100px;
				}
				.data-wrap {
					border: 1px solid #CECECE;
					border-radius: 3px;
					padding: 5px 2px;
					height: 16px;
					margin-top: -9px;
				}
			}
         }

			h2 {
				text-align: center;
				font-size: 20px;
				color: #2A3F50;
				margin-top: 15px;
			}
			.reportdata {
				width: 93%;
				border-top: 1px dashed #C4C4C4;
				border-bottom: 1px dashed #C4C4C4;
				margin-left: 8px;
				margin-top: 16px;

				.leftdata {
					float: left;
					width: 60%;
					margin-top: 10px;

					.lefttitle {
						display: block;
						height: 20px;
						width: 100%;
						background: #00355F;
						text-align: center;
						line-height: 20px;
						color: #ffffff;
					}

				}
				.rightdata {
					float: right;
					width: 35%;
					margin-top: 10px;
					.righttitle {
					    display: block;
						height: 20px;
						width: 100%;
						background: #CCCCCC;
						text-align: center;
						line-height: 20px;
						color: #727272;
					}
					li {
						border: none;
						border: 0;
					}
					.left-zb {
						color: #B6B6B6;
					}
				}
			}

		}
	    .data-summar {
			float: right;
			margin-right: 50px;
			margin-top: 20px;
			color: #102D44;
			font-size: 16px;
		}
		.subit-area {
			height: 50px;
			width: 100%;
			.leftarea {
				float: left;
				margin-top: 8px;
                margin-left: 12px;
				li {
					float: left;
					margin-left: 20px;
					.ready {
						display: inline-block;
						width: 38px;
						height: 12px;
						@include background-mix('../images/rpt-status2.png', center, center);
					}
					.finshed {
						display: inline-block;
						width: 38px;
						height: 12px;
						@include background-mix('../images/rpt-status.png', center, center);
					}
				}
			}
			.rightarea {
				float: right;
				margin-right: 38px;
                margin-top: -1px;
				a{
					width: 118px;
					height: 34px;
					display: inline-block;
					text-align: center;
					line-height: 34px;
					color: #9C9C9C;
					@include background-mix('../images/btn-bg.png', center, center);
				}
			}

		}
	}
	.form-group-fluid {
		float: left;
		color: #a8a8a8;
		input[type='text'] {
		 border: 1px solid #DFDFDF;
		 height: 20px;
		 border-radius: 3px;
		 width: 150px;
		}
		.sub-btn {
			height: 25px;
			width: 90px;
			border: 1px solid #DFDFDF;
			border-radius: 3px;
			color: #888888;
			background: #EEEEEE;
			cursor: pointer;
		}
		margin-left: 16px;
		margin-top:20px;
	}

	table {
	    width: 99%;
        margin-left: -11px;
        color: #121212;
	  thead {
	  	border: 1px solid #DADADA;
	  	background: #FAF9F9;	  
	  }
	  th {
	  	height: 20px;
	    padding: 10px;
	    text-align: center;
	  }
	  td {
	  	height: 40px;
	  	padding: 10px;
	  	text-align: center;
	  }
	  td {
	  	border-bottom: 1px dashed #DADADA;
	  	//padding: 10px;
	  }
	}
}
.footer {
	height: 50px;
	width: 100%;
	@include background-mix('../images/botttom-right-bg.png', right, bottom);
}

/*登录页面样式*/
.wrap {
  .loginpage {
  	.header {
  		width: 100%;
  		height: 120px;
  		background: #00355e;
  	}
  	.title {
  		margin-top: 66px;
  		span {
  			display: inline-block;
  		}
  		.left {
  		  float: left;
  		  width: 35%;
  		  border-top: 1px solid #00355e;
  		  position: relative;
  		  i {
  		  	 @include background-mix('../images/login-icon.png', right, center);
  		  	 height: 22px;
  		  	 width: 20px;
  		  	 display: inline-block;
  		  	 position: absolute;
  		  	 right: -11px;
             top: -12px;
  		  }
  		}
  		.center {
  			width: 29%;
		    height: 30px;
		    float: left;
		    text-align: center;
  			color: #00355e;
  			font-size: 40px;
  			margin-top: -22px;
            margin-left: 8px;
  		}
  		.right {
  			float: right;
  			width: 35%;
  			border-top: 1px solid #00355e;
  			position: relative;
  			 i {
  		  	 @include background-mix('../images/login-icon.png', right, center);
  		  	 height: 22px;
  		  	 width: 20px;
  		  	 display: inline-block;
  		  	 position: absolute;
  		  	 left: -11px;
             top: -12px;
  		  }
  		}
  	}
  	.loginform {
  		width: 640px;
  		height: 200px;
  		margin: 0 auto;
  		margin-top: 76px;
  		.left {
  			float: left;
  			img {
  				position: relative;
  				top: -21px;
                left: -19px;
  			}
  		}
  		.right {
  			float: left;
  			border-left: 3px solid #6a88b2;
  			padding-left: 38px;
  			form {
  			margin-top: -18px;
  			}
  		}
  	}
  	.form-group {
  		width: 316px;
  		border: 1px solid #9dbbd2;
  		border-radius: 3px;
  		height: 46px;
  		position: relative;
  		margin-top: 20px;
  		i {
         display: inline-block;
         height: 35px;
         width: 23px;
         @include background-mix('../images/uname.png', left, center);
         border-right: 1px solid #a6c6e0;
         padding-right: 11px;
         margin-left: 11px;
	    line-height: 25px;
	    margin-top: 5px;
  		}
  		input {
  			height: 30px;
  			width: 249px;
		    left: 52px;
		    top: 6px;
  			position: absolute;
  			border: 0px;
  			border: none;

  		}
  		#password {
  	    @include background-mix('../images/upass.png', left, center);
  		}
  		.sub-btn {
  		height: 54px;
  		width: 320px;
  	    @include background-mix('../images/usubmit.png', center, center);
  	    position: absolute;
  	    top: -6px;
        left: 0px;
        cursor: pointer;
  		}
  	}
  }
}